<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:ft="https://github.com/OpenType/fonttest"
    xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn|Vollkorn:i"/>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
<h3 id="CMAP-1">CMAP–1: Ideographic Variation Sequences</h3>

<div class="desc">
  The <a href="http://www.unicode.org/reports/tr37/">Unicode
  Ideographic Variation Database</a> defines glyph variants for Han
  ideographs. For example, Unicode supports two slightly different
  variants when rendering U+82A6 in Japanese; the <a
  href="../fonts/TestCMAP14.otf">font</a> for this test
  case contains a type 14 <em>‘cmap’</em> table that implements them.
  With a conforming implementation, you should see four
  glyphs below. In the third glyph (U+82A6 U+E0101), the top stroke
  below the radical should be <em>attached and slanting up.</em>
  But in the first, second, and fourth glyph, that stroke should be
  <em>detached and horizontal</em>.  If all four glyphs look the
  same, or if you see any black boxes in the renderings, it’s a sign
  that your implementation is broken.
</div>

<table>
  <tr>
    <th></th>
    <td>82A6<br/>—</td>
    <td>82A6<br/>E0100</td>
    <td>82A6<br/>E0101</td>
    <td>82A6<br/>E0102</td>
  </tr>
  <tr>
    <th>Expected</th>
    <td class="expected" ft:id="CMAP-1/1"
        ft:render="芦" ft:font="TestCMAP14.otf"><svg version="1.1" viewBox="0 -120 1000 1200"><symbol id="CMAP-1/1.uni82A6_uE0100" overflow="visible"><path d="M244,365 L785,365 L785,223 L242,223 C243,243 244,262 244,280 Z M858,104 L858,430 L172,430 L172,281 C172,184 155,60 34,-30 C50,-40 79,-66 89,-81 C175,-16 215,72 233,157 L785,157 L785,104 Z M78,578 L78,513 L931,513 L931,578 Z M938,761 L707,761 L707,836 L634,836 L634,761 L362,761 L362,836 L289,836 L289,761 L65,761 L65,693 L289,693 L289,611 L362,611 L362,693 L634,693 L634,611 L707,611 L707,693 L938,693 Z" /></symbol><use x="0" y="0" xlink:href="#CMAP-1/1.uni82A6_uE0100" /></svg></td>

    <td class="expected" ft:id="CMAP-1/2"
        ft:render="芦󠄀" ft:font="TestCMAP14.otf"><svg version="1.1" viewBox="0 -120 1000 1200"><symbol id="CMAP-1/2.uni82A6_uE0100" overflow="visible"><path d="M244,365 L785,365 L785,223 L242,223 C243,243 244,262 244,280 Z M858,104 L858,430 L172,430 L172,281 C172,184 155,60 34,-30 C50,-40 79,-66 89,-81 C175,-16 215,72 233,157 L785,157 L785,104 Z M78,578 L78,513 L931,513 L931,578 Z M938,761 L707,761 L707,836 L634,836 L634,761 L362,761 L362,836 L289,836 L289,761 L65,761 L65,693 L289,693 L289,611 L362,611 L362,693 L634,693 L634,611 L707,611 L707,693 L938,693 Z" /></symbol><use x="0" y="0" xlink:href="#CMAP-1/2.uni82A6_uE0100" /></svg></td>

    <td class="expected" ft:id="CMAP-1/3"
        ft:render="芦󠄁" ft:font="TestCMAP14.otf"><svg version="1.1" viewBox="0 -120 1000 1200"><symbol id="CMAP-1/3.uni82A6_uE0101" overflow="visible"><path d="M792,374 L792,230 L227,230 C235,281 238,330 238,374 Z M238,439 L238,508 C446,516 683,535 842,568 L782,621 C653,595 426,575 223,567 L164,582 L164,387 C164,261 149,95 31,-29 C49,-39 77,-65 87,-81 C155,-9 193,78 214,164 L792,164 L792,93 L867,93 L867,439 Z M936,762 L700,762 L700,836 L626,836 L626,762 L370,762 L370,836 L296,836 L296,762 L66,762 L66,694 L296,694 L296,606 L370,606 L370,694 L626,694 L626,618 L700,618 L700,694 L936,694 Z" /></symbol><use x="0" y="0" xlink:href="#CMAP-1/3.uni82A6_uE0101" /></svg></td>

    <td class="expected" ft:id="CMAP-1/4"
        ft:render="芦󠄂"  ft:font="TestCMAP14.otf"><svg version="1.1" viewBox="0 -120 1000 1200"><symbol id="CMAP-1/4.uni82A6_uE0100" overflow="visible"><path d="M244,365 L785,365 L785,223 L242,223 C243,243 244,262 244,280 Z M858,104 L858,430 L172,430 L172,281 C172,184 155,60 34,-30 C50,-40 79,-66 89,-81 C175,-16 215,72 233,157 L785,157 L785,104 Z M78,578 L78,513 L931,513 L931,578 Z M938,761 L707,761 L707,836 L634,836 L634,761 L362,761 L362,836 L289,836 L289,761 L65,761 L65,693 L289,693 L289,611 L362,611 L362,693 L634,693 L634,611 L707,611 L707,693 L938,693 Z" /></symbol><use x="0" y="0" xlink:href="#CMAP-1/4.uni82A6_uE0100" /></svg></td>

  </tr>
  <tr>
    <th>Observed</th>
    <td class="observed" ft:id="CMAP-1/1"/>
    <td class="observed" ft:id="CMAP-1/2"/>
    <td class="observed" ft:id="CMAP-1/3"/>
    <td class="observed" ft:id="CMAP-1/4"/>
  </tr>
  <tr>
    <th class="conformance-header">Conformance</th>
    <td class="conformance" ft:id="CMAP-1/1"/>
    <td class="conformance" ft:id="CMAP-1/2"/>
    <td class="conformance" ft:id="CMAP-1/3"/>
    <td class="conformance" ft:id="CMAP-1/4"/>
  </tr>

</table>

</body>
</html>
